<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,maximum-scale=1.0,minimum-scale=1.0,initial-scale=1.0,user-scalable=no">
<title>资讯详情</title>
<meta name="description" content="">
<meta name="keywords" content="">
<script src="js/common.js"></script>
<link href="css/reset.css" rel="stylesheet">
<link href="css/common.css" rel="stylesheet">
<link href="css/details.css" rel="stylesheet">
</head>
<body>
    <header>
        <a href="javascript:history.go(-1)"><i class="iconfont back">&#xe608;</i></a>
        <span>资讯详情</span>
        <div class="area"><a href="javascript:void(0);" id="share">分享</a></div>
    </header>

    <!-- 文章article 开始 -->
    <div class="article">
        <h3>养个"吸血鬼"做宠物！重口，慎入！</h3>
        <div class="auth">
            <span>作者：怀孕的草莓</span><span>2016-04-19 09:33</span>
        </div>
        <p>倚天剑乃上古神兵，汉高祖刘邦用它亡秦灭西楚创立大汉，青釭剑乃绝世利刃，光武帝刘秀用它平王郎定赤眉，中兴汉室，此两把剑自东汉开始就被供奉在宗庙中被视为护国神器。东汉末年社会动荡，汉少帝刘辩将倚天剑和青釭剑托付给贴身护卫赵安和李全。</p>
        <div class="pic"><img src="images/img.png" alt=""></div>
        <p>倚天剑乃上古神兵，汉高祖刘邦用它亡秦灭西楚创立大汉，青釭剑乃绝世利刃，光武帝刘秀用它平王郎定赤眉，中兴汉室，此两把剑自东汉开始就被供奉在宗庙中被视为护国神器。东汉末年社会动荡，汉少帝刘辩将倚天剑和青釭剑托付给贴身护卫赵安和李全。</p>
    </div>
    <!-- 文章article 结束 -->

    <!-- hot 热门评论开始-->
    <div class="hot">
        <div class="tit"><img src="images/hot.png" alt=""></div>
        <div class="comment">
            <ul>
                <li> 
                    <div class="info clearfix">
                        <div class="user clearfix fl">
                            <img src="images/icon01.png" alt="">
                            <div class="name fl">
                                <h4>隔壁老王</h4>
                                <p><i class="iconfont icon-diqu"></i>浙江 温州</p>
                            </div>
                        </div>
                        <div class="floor fr">14楼</div>
                    </div>
                    <div class="discuss">妈的智障</div>
                    <div class="bottom clearfix">
                        <span><i class="iconfont icon-zhong"></i>20小时之前</span>
                        <div class="replay fr">
                            <span class="zan1"><i class="iconfont icon-zan"></i>点赞(<b>0</b>)</span>
                            <span>回复</span>
                        </div>
                    </div>
                </li>
                <li> 
                    <div class="info clearfix">
                        <div class="user clearfix fl">
                            <img src="images/icon02.png" alt="">
                            <div class="name fl">
                                <h4>隔壁老王</h4>
                                <p><i class="iconfont icon-diqu"></i>浙江 温州</p>
                            </div>
                        </div>
                        <div class="floor fr">13楼</div>
                    </div>
                    <div class="discuss">妈的智障</div>
                    <div class="bottom clearfix">
                        <span><i class="iconfont icon-zhong"></i>8小时之前</span>
                        <div class="replay fr">
                            <span class="zan2"><i class="iconfont icon-zan"></i>点赞(<b>0</b>)</span>
                            <span>回复</span>
                        </div>
                    </div>
                </li>
                <li> 
                    <div class="info clearfix">
                        <div class="user clearfix fl">
                            <img src="images/icon03.png" alt="">
                            <div class="name fl">
                                <h4>隔壁老王</h4>
                                <p><i class="iconfont icon-diqu"></i>浙江 温州</p>
                            </div>
                        </div>
                        <div class="floor fr">12楼</div>
                    </div>
                    <div class="discuss">妈的智障</div>
                    <div class="bottom clearfix">
                        <span><i class="iconfont icon-zhong"></i>15小时之前</span>
                        <div class="replay fr">
                            <span class="zan3"><i class="iconfont icon-zan"></i>点赞(<b>0</b>)</span>
                            <span>回复</span>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="more"><a href="#">查看更多评论>></a></div>
    </div>
    <!-- hot 热门评论结束-->

    <!-- 添加评论 开始-->
    <form action="" method="" class="publish">
        <input type="text" placeholder="添加评论" class="txt">
        <input type="submit" value="发送" class="user">
    </form>
    <!-- 添加评论 结束-->

<script src="js/zepto.min.js"></script>
<script src="js/layer.js"></script>
<script src="js/details.js"></script>
</body>
</html>

